<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('经费退款')" />
</head>
<body class="gray-bg">
     <div class="container-div">
        <div class="row">

            <div class="col-sm-12 select-table" style="padding-top: 10px;">
                <div class="col-sm-3">
                    <div class="ibox">
                        <div class="ibox-content" style="text-align: center">
                            <h3 class="m-b-md">总金额</h3>
                            <h2 class="text-navy">
                                <i class="fa" style="font-weight: bold;"></i>36000
                            </h2>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="ibox">
                        <div class="ibox-content" style="text-align: center">
                            <h3 class="m-b-md">暂存资金</h3>
                            <h2 class="text-success">
                                <i class="fa" style="font-weight: bold;"></i>20000
                            </h2>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="ibox">
                        <div class="ibox-content" style="text-align: center">
                            <h3 class="m-b-md">结余资金</h3>
                            <h2 class="text-danger">
                                <i class="fa" style="font-weight: bold;"></i>16000
                            </h2>
                        </div>
                    </div>
                </div>

            </div>

            <div class="btn-group-sm" id="toolbar" role="group" style="padding-top:10px;">
                <a class="btn btn-success btn-md" onclick="" style="margin-top:10px;">
                    <i class="fa fa-plus"></i> 发起退款
                </a>
            </div>
            <div class="col-sm-12 select-table table-striped">
                <table class="bootstrap-table table-hover table-striped table" style="text-align: center;">
                    <tr style="font-weight: bold;">
                        <td>序号</td>
                        <td>退款金额</td>
                        <td>退款说明</td>
                        <td>退款时间</td>
                        <td>上级单位是否收款</td>
                        <td>上级单位收款时间</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>3600</td>
                        <td>专家去世滞留</td>
                        <td>2023-03-15</td>
                        <td>否</td>
                        <td>-</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>7200</td>
                        <td>历史遗留</td>
                        <td>2023-02-22</td>
                        <td>是</td>
                        <td>2023-02-24</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>5400</td>
                        <td>专家变动滞留</td>
                        <td>2023-01-15</td>
                        <td>否</td>
                        <td>-</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>

    <th:block th:include="include :: footer" />

    <script th:inline="javascript">
        function toJingfeiDetail(){
            $.modal.openTab("专家拨款详情",'/system/demo/jingfei_detail',false);
        }
    </script>

</body>
</html>